﻿<!DOCTYPE html>
<html lang="ch">
<head>
	<meta charset="utf8">
	<title>百应人工客服任务设置</title>
	<meta name=“viewport” content=“initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width” />
</head>
<link rel="stylesheet" type="text/css" href="css/index.css">
<link rel="stylesheet" href="reset/css/index.css">
<body>

	<div class="headerBar">
		<div class="gohome" id="goIndex"></div>
		百应人工
	</div>
	<div class="min">

		<div class="renList-box">
			<div class="renList-filed">
				<div>任务名称</div>

				<div>任务状态</div>
				<div>更新设置</div>
			</div>
			<div class="renList-data" id="renList-data">
				<div class="renList-data-item">
					<div>20200824B1</div>
					<div><input type="text" name="" value="1"></div>
				</div>
				<div class="renList-data-item">
					<div>20200824B1</div>
					<div><input type="text" name="" value="1"></div>
				</div>
				<div class="renList-data-item">
					<div>20200824B1</div>
					<div><input type="text" name="" value="1"></div>
				</div>
			</div>
		</div>


		<div class="tip">
			<div class="tip-box">
				
				<ul class="tipBoxList">
				
					<li class="fenxi" id="fenxi">
						<a href="#yixiangTable" class="kongzhi"></a>
						<div id="char-box" class="char-box">
			
							<ul id="charts" class="charts">
								<li >
									<div class="title">外呼进度</div>
									<div id="jinDu-chart" class="echa">
									</div>
									<div class="title-pre">8.72%</div>
									<div class="title">通话总时长</div>
									<div class="title-pre">100分47秒</div>
								</li>
								<li >
									<div class="title"></div>
									<div id="jieTong-chart" class="echa">
									</div>
									<div class="title-pre"></div>
									<div class="title"></div>
									<div class="title-pre"></div>
								</li>
								<li>
									<div class="title"></div>
									<div id="youXiaoJieTong-chart" class="echa">
									</div>
									<div class="title-pre"></div>
									<div class="title"></div>
									<div class="title-pre"></div>
								</li>
								<li>
									<div class="title"></div>
									<div id="guaJiLv-chart" class="echa">
									</div>
									<div class="title-pre"></div>
									<div class="title"></div>
									<div class="title-pre"></div>
								</li>
								<li>
									<div class="title"></div>
									<div id="huSunLv-chart" class="echa">
									</div>
									<div class="title-pre"></div>
									<div class="title"></div>
									<div class="title-pre"></div>
								</li>
							</ul>
						</div>


					</li>

					<li class="yixiangTable" id="yixiangTable">

						<a href="#fenxi" class="kongzhi"></a>
						
						<div class="yixiang-box">

							<div class="yixiang-filed" id="yixiang-filed">
								
								
							</div>
							<div class="yixiang-data-box" id="yixiang-data-box">

								<div class="yixiang-data" >

									<!-- <div>"A  孙女士  天津   河东   厨房装修"</div>
									<div>13011380677</div> -->

								</div>

							</div>
							
						</div>
	
					</li>

					

				</ul>


			</div>
		</div>

		<div class="audio">
			<div id="audio_i" class="audio_i_play">
			</div>
			<div class="tijiaobut" id="tijiaobut">
				提交
			</div>
		</div>

		<audio src="" id="audioP"></audio>

	</div>
</body>
<script type="text/javascript" src="reset/js/jquery.min.js"></script>
<script type="text/javascript" src="reset/js/echarts.min.js"></script>
<script type="text/javascript" src="reset/js/reset.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</html>